<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 虽然通过src引入别人的接口  但是接口还是会返回响应的数据  -->
    <!--  type="text/javascript"   => 将文本按照js的语法解析 (作为js的代码) -->
    <!-- <script type="text/javascript" src="http://192.168.57.174/2101_php/jsonp/searchAllGrade.php"></script> -->

</head>

<body>

</body>
<script>

    // 跨域的方式2
    // jsonp  => 还是需要后端配合
    // 引入资源不受同源策略的限制  (link_href script_src img_src)\

    // 前端:  提供函数的声明  => 提前规定好接收数据之后执行的内容
    // 后端:  返回函数的调用(数据以实参的形式传入)  fn({})

    // 前端 + 后端  => 函数调用

    // 注意
    // 1. jsonp 不是 ajax
    // 2. jsonp 优点: 请求速度快
    //          缺点: 只能进行get请求 不能进行post请求 (对于一些保密性较低的数据 可以使用jsonp)

    function haha(data) {
        console.log(data);
    }

</script>
<!-- fn([{name:"张三",age:18},{name:"张三",age:18},{name:"张三",age:18}]) -->
<!-- <script src="http://192.168.57.174/2101_php/jsonp/2.js"></script> -->

<!-- 虽然通过src引入别人的接口  但是接口还是会返回响应的数据 -->
<!-- 虽然接口返回的是text / json类型的字符串   type="text/javascript"   => 将文本按照js的语法解析 (作为js的代码)  =>  函数调用-->
<script type="text/javascript"
    src="http://192.168.57.174/2101_php/jsonp/searchAllGradeCallback.php?callback=haha"></script>

</html>